<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!-- <title>我的订单</title> -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/order.css">
</head>

<body class="ng-cloak" ng-app="CheerHiWx" ng-controller="OrderCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="login_fl fl">
                <a href="person-center.html" class="login_icon"><img src="img/srh_icon.png" alt=""></a>
            </div>
            <h1 class="top_title">我的订单</h1>
        </div>
    </header>
    <nav class="nav_order clearfix">
        <ul>
            <li class="fl" ng-click="swtichType(0)" ng-class="{active:listType==0}"><a href="">预订订单</a></li>
            <li class="fl" ng-click="swtichType(1)" ng-class="{active:listType==1}"><a href="">点餐订单</a></li>
        </ul>
    </nav>
    <div class="orderlist" ng-show="listType==0">
        <div class="scroll-container">
            <article class="myorder_content" ng-repeat="order in orderList" ng-click="toDetail(order.orderNum,order.stateCode)">
                <div class="head_info clearfix p10">
                    <p class="fl">订单号：<span ng-bind="order.orderNum"></span></p>
                    <p class="fr">预订时间：<span ng-bind="order.orderDate"></span></p>
                </div>
                <div class="content clearfix">
                    <div><img src="img/order_ktv.png" alt=""></div>
                    <div>
                        <h2 ng-bind="order.shopName"></h2>
                        <p>总价：{{order.price}}元</p>
                        <p>{{findElement(orderStatus,'code',order.stateCode).dscp}}</p>
                    </div>
                </div>
                <div class="foot-info p10" ng-click="toOrder($event,order.shopName,order.shopId,order.orderNum)" ng-show="order.bottomCode == 1">
                    <p><i></i>去点餐</p>
                </div>
                <div class="foot-info p10" ng-click="toOrder($event,order.shopName,order.shopId,order.orderNum)" ng-show="order.bottomCode == 2">
                    <p><i></i>去加餐</p>
                </div>
                <div class="foot-info p10" ng-show="order.bottomCode == 3" ng-click="goRate($event,order.orderNum)">
                    <p class="assess"><i></i>去评价</p>
                </div>
                <div class="foot-info p10" ng-show="order.bottomCode == 4">
                    <p class="assess">谢谢您的惠顾~^ ^</p>
                </div>
            </article>
            <div class="pull-up">加载更多……</div>
        </div>
    </div>
    <div class="meallist" ng-show="listType==1">
        <div class="scroll-container">
            <article class="myorder_content" ng-repeat="meal in mealList" ng-click="toMealDetail(meal.orderNum,order.stateCode)">
                <div class="head_info clearfix p10">
                    <p class="fl">订单号：<span ng-bind="meal.orderNum"></span></p>
                    <p class="fr">预订时间：<span ng-bind="meal.createTime"></span></p>
                </div>
                <div class="content clearfix">
                    <div><img src="img/order_ktv.png" alt=""></div>
                    <div>
                        <h2 ng-bind="meal.shopName"></h2>
                        <p>总价：{{meal.cashValue}}元</p>
                        <p>{{findElement(mealStatus,'code',meal.orderState).dscp}} {{findElement(mealArriveStatus,'code',meal.arrive).dscp}}
                            <!--  {{mealList[$index].lastTime}} -->
                        </p>
                    </div>
                </div>
                <div class="foot-info p10" ng-if="meal.ktvOrderNum != 0">
                    <p>已关联到包厢号<span ng-bind="meal.tableName"></span>的预订订单<span ng-bind="meal.ktvOrderNum"></span></p>
                </div>
                <div class="foot-info p10" ng-if="meal.ktvOrderNum == ''">
                    <p>未关联到包厢订单</p>
                </div>
            </article>
            <div class="pull-up">加载更多……</div>
        </div>
    </div>
    <!-- JS begin -->
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/iscroll-infinite.js"></script>
    <script src="js/iscroll.pullDownAndUp.js"></script>
    <script type="text/javascript" src="js/constants.js"></script>
    <script src="js/common.js"></script>
    <script src="js/myorder.js"></script>
    <!-- JS end -->
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script>
    _maq.push(['_setMaq', 'my-order']);
</script>
</html>

</html>
